<template>
	<view>
		<image class="bg-image" :src="imageUrl"></image>
		<scroll-view style="flex:1" scroll-y>
			<view class="notice">
				<scroll-view class="notice_text" scroll-y>
					<h3 style="margin-top: 20px;padding-bottom: 15rpx;text-align: center;">委托送检知情同意书</h3>
					<!-- <text>委托送检服务知情同意书</text> -->
					<text style="margin: 0px;">致患者：\n</text>
					<text style="text-indent: 70rpx;margin-left: 20px;">太原康斯亚森普通专科门诊部有限公司在“康斯亚森”平台为患者所需检测项目提供协助样本抽取及物流、检查结果查询等技术服务。用户在进行委托项目送检前应明确了解如下内容：\n</text>
					<text>1、用户自愿选择康普士负责送检相关检测项目，部分检测项目与第三方检验实验室合作检测；\n</text>     
					<text>2、用户委托平台协助其进行检测，包括：协助样本采集、送检服务费用收取、发送电子版报告到注册邮箱；\n</text>
					<text>3、平台送检的检验实验室具备卫生部临床检验中心颁布的检验资质，检验试剂质量、检验程序、检验结果准确性、检验结果的审核等相关质控要求，由检验实验室负责；\n</text>
					<text>4、平台保证用户的标本安全、快速、准确的转运至相关检验实验室，并在实验室出具报告的时候，第一时间上传至平台以方便患者查询下载；\n</text>
					<text>5、若用户的送检标本不符合试验标准，平台将于标本抽取后7个工作日内告知用户。\n</text>
					<text>6、用户委托服务时填写的手机号码为平台账号，也是平台与用户沟通的主要渠道，请正确填写手机号码并保持手机畅通。由于用户手机号码填写错误或者其他原因造成无法正常联系到用户，由此造成的损失由用户自行承担。\n</text>
					<text>7、因用户个人原因退款产生的邮费、耗材费等费用，由用户自行承担。\n</text>
					<text>8、平台对用户个人信息及检测内容、结果等负有保密义务。\n</text>
					<text>9、平台仅提供用户检验项目的技术服务，不对检验项目的选择和检测结果做任何承诺。\n</text>
					<text>10、用户委托服务费用在签订本协议时支付，因检验本身的特殊性，检测费用一经支付，不予退还。\n</text>
					<text>11、本委托知情同意书自用户阅读并支付服务费时生效。\n</text>
					<text>本人已完全知悉并理解本委托知情同意书全部内容，承诺完全自愿遵守相关条例。\n</text>
				</scroll-view>
			</view>
			<view style="font-size: 14px;text-align: center;">
				<checkbox class="checkboxClass" style="margin: 30px auto;" @click="agreeNotice" :checked="checked">我已仔细阅读，同意以上条款</checkbox>
			</view>
		
			<view class="footer">
				<button class="next-btn" type="primary" @click="nextStep" :disabled="!isNotice">同&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;意</button>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				isNotice: false,
				checked: false,
				imageUrl: '/static/images/book.png'
			}
		},
		methods: {
			agreeNotice() {
				if(this.checked) {
					this.checked = false;
					this.isNotice = false;
				}
				else {
					this.checked = true;
					this.isNotice = true;
				}
			},
			
			// 下一步
			nextStep() {
				uni.navigateTo({
					url: '/pages/shops/detection/confirm/confirm'
				});
			},
		}
	}
</script>

<style>
	.bg-image {
		width: 100%;
		height: 500px;
		position: absolute;
	}
	.notice {
		width: 100vw;
		height: 130vw;
		/* background-image: url("/static/images/book.png"); */
		background-size: cover;
		background-position: center center;
	}
	.notice_text {
		/* background-color: #fff; */
		/* border: #000 solid 1px; */
		width: 90%;
		height: 330px;
		margint: 10px 20px;
		padding: 0px 25px;
	}
	.notice_text text {
		font-size: 14px;
		margin: 2px 5px;
		white-space: pre-wrap;
	}
	
	/* 底部按钮样式 */
	.footer {
		padding: 40rpx;
		margin-bottom: 20rpx;  /* 添加下边距 */
	}
	.next-btn {
		width: 100%;
		height: 88rpx;
		line-height: 88rpx;
		border-radius: 44rpx;
		font-size: 20px;
		font-weight: 500;
		background: linear-gradient(to right, #2979ff, #5e96ff);
		transition: all 0.3s;
		align-items: center;
		justify-content: center;
		padding: 0 0;
	}
	
	.next-btn[disabled] {
		background: #cccccc;
		opacity: 0.8;
	}
</style>
